<script src="<?= PATH_URL.'static/js/mobile/'?>tablet.js"></script>
<link href="<?= PATH_URL.'static/css/mobile/'?>tablet_css.css" rel="stylesheet" />
 <body class="tabletSmallBackground">
	<div id="sound-welcom"></div>
	<div id="sound-mp3"></div>
    <div id="main" class="tabletSmall">
        <canvas id="canvas" width="1024" height="630">Your browser does not support HTML5.</canvas>
        <div class="buttons">
            <button id="btnHome" class="active"></button>
            <button id="btnVideo"></button>
            <button id="btnMusic"></button>
            <button id="btnShare"></button>
        </div>
		<div class="buttonNext">
            <button id="btnNext"></button>
        </div>
		<div id="welcom" style="position: absolute; top: 123px;left: 50%; margin-left: -150px"></div>
        <div id="page-mp3" style="position: absolute; top: 145px;left: 50%; margin-left: -210px"></div>
		<video id="tvcVideo" controls width="640" height="360" preload='none' class="video" poster="<?=PATH_URL.'static/images/mobile/'?>Video.jpg">
			<source src="<?=PATH_URL.'static/images/mobile/'?>C2_tvc.ogv" type='video/ogg; codecs="theora, vorbis"' />
			<source src="<?=PATH_URL.'static/images/mobile/'?>C2_tvc.webm" type='video/webm'/>
			<source src="<?=PATH_URL.'static/images/mobile/'?>C2_tvc.mp4" type='video/mp4'/>
		</video>
		<div class="content-share">
			<div class="ketqua-tab tab-main" style="display: block;">
				<div class="title txt-c"><img src="<?=PATH_URL.'static/images/mobile/'?>text-8.png" alt="" /></div>
				<div class="">Hãy chia sẻ bài hát “Chỉ một tình yêu” để lan tỏa tình yêu cuộc sống đến mọi người và nhận những món quà ý nghĩa từ C2 các bạn nhé!</div>
				<div class="">- Điền đầy đủ thông tin của bạn tại bảng đăng ký bao gồm: Tên, email, số điện thoại, địa chỉ facebook</div>
				<div class="">- Nhấn nút Chia sẻ để chia sẻ bài hát “Chỉ một tình yêu” lên tường facebook cá nhân</div>
				<div class="">- Sau khi hoàn tất, bạn hãy nhấn vào biểu tượng vòng quay may mắn. Vòng quay sẽ quay ngẫu nhiên và dừng lại ở món quà nào thì người chơi sẽ được nhận món quà đó. Lưu ý: bạn chỉ có thể thực hiện được việc quay quà may mắn sau khi đã hoàn tất việc.</div>
				<div class="txt-c mt5"><a href="javascript: void(0)" onclick="nex_page(2);" class="btn-thamgia"></a>&nbsp;&nbsp;&nbsp;<a href="javascript: void(0)" onclick="nex_page(3);" class="btn-code"></a></div>
			</div>
			<div class="ketqua-ketqua tab-main">
				<div class="title txt-c"><img src="<?=PATH_URL.'static/images/mobile/'?>text-9.png" alt="" /></div>
				<div>
					<table class="table-ketqua left">
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
					</table>
					<table class="table-ketqua right">
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
						<tr>
							<td class="number">01234</td>
							<td>Lorem ipsum dolor sit</td>
						</tr>
					</table>
					<div class="clearAll"></div>
				</div>
				<div class="txt-c mt5"><a href="#" class="btn-tablet-week-1 active"></a>&nbsp;&nbsp;<a href="#" class="btn-tablet-week-2"></a>&nbsp;&nbsp;<a href="#" class="btn-tablet-week-3"></a>&nbsp;&nbsp;<a href="#" class="btn-tablet-week-4"></a>&nbsp;&nbsp;<a href="javascript: void(0)" onclick="nex_page(0);" class="btn-tablet-boqua"></a></div>
			</div>
			<div class="tab-main tab-register">
				<div class="title txt-c"><img src="<?=PATH_URL.'static/images/mobile/'?>text-8.png" alt="" /></div>
				<div>
					<div class="left form-register">
						<form action="">
							<div class="lable">Họ và tên:</div>
							<div class="input-tablet mt5"><input type="text" value="" /></div>
							<div class="lable mt5">Facebook:</div>
							<div class="input-tablet mt5"><input type="text" value="" /></div>
							<div class="lable mt5">Email:</div>
							<div class="input-tablet mt5"><input type="text" value="" /></div>
							<div><input type="checkbox" value="" />Tôi chấp nhận những Điều khoản bắt buộc của chương trình</div>
						</form>
						<div class="again" style="display: none;">Chào mừng bạn đã trở lại với ứng dụng Share nhạc - Rinh quà của C2. Mời bạn chia sẻ bài hát đầy ý nghĩa này để có cơ hội nhận những phần quà thú vị từ C2 nhé!.</div>
					</div>
					<div class="right check-link">
						<div class="lable">Chọn đường link chia sẻ:</div>
						<div class="title-1 mt5">Nhaccuatui.com</div>
						<div class="item mt10">
							<div class="img left"><a href="#" class="icon icon-cuatui"><span class="check"></span></a></div>
							<div class="text right">http://mp3.zing.vn/album/Thu-Gui-Em-Ho-Quang-Hieu</div>
							<div class="clearAll"></div>
						</div>
						<div class="title-1 mt5">mp3.zing.vn</div>
						<div class="item mt10">
							<div class="img left"><a href="#" class="icon icon-zing"><span class="check"></span></a></div>
							<div class="text right">http://mp3.zing.vn/album/Thu-Gui-Em-Ho-Quang-Hieu</div>
							<div class="clearAll"></div>
						</div>
					</div>
					<div class="clearAll"></div>
				</div>
				<div class="txt-c mt10"><input type="submit" class="btn-share-face" value="" /></div>
			</div>
			<div class="tab-main tab-noti">
				<div class="title txt-c"><img src="<?=PATH_URL.'static/images/mobile/'?>text-8.png" alt="" /></div>
				<div>Bạn đã chia sẻ bài hát thành công,<br/>mã số may mắn của bạn là:</div>
				<div class="mt5"><span class="bg-number-noti-tablet">01234</span></div>
				<div class="mt5">Danh sách 30 bạn may mắn sẽ được công bố<br/>vào lúc <strong>10g sáng, ngày Thứ 2 hàng tuần.</strong><br/>Mời bạn theo dõi để biết thông tin nhé.</div>
				<div class="mt5">Bạn có muốn tiếp tục chia sẻ bài hát để có cơ hội<br/>nhận những món quà thú vị từ C2?</div>
				<div class="mt5"><a href="javascript: void(0)" onclick="nex_page(2);" class="btn-tieptuc-tablet"></a>&nbsp;&nbsp;&nbsp;<a href="javascript: void(0)" onclick="nex_page(0);" class="btn-tablet-boqua-1"></a></div>
			</div>
		</div>
    </div>
    <p id="message" style="display: none">Add tvc Start character</p>
    <div class="clear">&nbsp;</div>
 </body>